<template>
  <div>
    <level1Tabs :typeList="typeList" :list="list" @selected="selectThisStyle" @close="close">

    </level1Tabs>
  </div>
</template>

<script>
import level1Tabs from './level1Tabs';
export default {
    components: {
        level1Tabs,
    },
    
    data() {
        return {
            typeList: [
                { label: '炫酷', key: '1' },
                { label: '红火', key: '2' },
                { label: '科技', key: '3' },
                { label: '天气', key: '4' },
            ],
            list: [1, 2, 3, 4, 5, 6, 7, 8, 9, 90],
        };
    },
    methods: {
      fetchTypes() {
        
      },
      fetchCurPageData(){
        
      },
      selectThisStyle(data){
        console.log('data :', data);
        this.$emit("selected",data)
      },
      close(){
          this.$emit("close")
        }
    },
};
</script>

<style lang="scss" scoped>
</style>